export default {
  data() {
    return {
      // 弹窗标题
      dialogTitle: null,
      // 增加or修改弹窗是否显示
      dialogFormVisible: false,
      // 增加or修改表单
      form: { },
      rules: {},
      // 表单确定按钮
      isLoading: false,
      // 删除提示弹窗是否显示
      dialogVisible: false,
      isDelete: false
    }
  },
  methods: {
    // 删除之前
    handleDelete(row) {
      this.dialogVisible = true
      if (row) {
        this.mutilrows = [row]
      }
    },

    // 修改之前
    handleUpdate(row) {
      // 点击 操作下面修改
      this.dialogTitle = '编辑'
      this.resertForm(row)
      this.dialogFormVisible = true
      // 查询数据(钩子)
      if (this.beforeHandlerUpdate) {
        this.beforeHandlerUpdate(this.form.id)
        // ajax查询后台数据，需要花时间的
        setTimeout(() => {
          this.open = true
        }, 500)
      } else {
        this.$notify.error({
          title: '修改提示',
          message: '你需要自己添加一个名为beforeHandlerUpdate(id)的钩子函数'
        })
      }
    },
    // 增加之前
    handleAdd() {
      this.dialogTitle = '新增'
      this.resertForm(null)
      this.dialogFormVisible = true
      if (this.beforeHandlerAdd) {
        this.beforeHandlerAdd()
      } else {
        this.$notify.error({
          title: '修改提示',
          message: '你需要自己添加一个名为beforeHandlerAdd()的钩子函数'
        })
      }
    },
    // 重置表单
    resertForm(row) {
      this.dialogFormVisible = false
      if (row) {
        row.createTime = null
        row.updateTime = null
        this.form = row
      } else {
        this.form = {}
      }
    },
    // 选择图片
    handleAvatarSuccess(res, file) {
      this.form.picture = res.data.url
    },
    // 选择图片限制
    beforeAvatarUpload(file) {
      const isJPG = file.type === 'image/jpeg'
      const isLt2M = file.size / 1024 / 1024 < 2

      if (!isJPG) {
        this.$message.error('上传头像图片只能是 JPG 格式!')
      }
      if (!isLt2M) {
        this.$message.error('上传头像图片大小不能超过 2MB!')
      }
      return isJPG && isLt2M
    }
    // handleUpdate(row) {
    //   // 点击 操作下面修改
    //   this.dialogTitle = '编辑'
    //   this.resertForm(row)
    //   let id
    //   if (row) {
    //     id = row.id
    //   } else {
    //     id = this.ids[0]
    //   }
    //   // 查询数据(钩子)
    //   if (this.beforeHandlerUpdate) {
    //     this.beforeHandlerUpdate(id)
    //     // ajax查询后台数据，需要花时间的
    //     setTimeout(() => {
    //       this.open = true
    //     }, 500)
    //   } else {
    //     this.$notify.error({
    //       title: '修改提示',
    //       message: '你需要自己添加一个名为beforeHandlerUpdate(id)的钩子函数'
    //     })
    //   }
    // }
  }
}
